<template>
  <div>
    <el-card>
      <template #header>
        <div class="card-header">基础信息</div>
      </template>
      <el-descriptions>
        <el-descriptions-item label="企业名称：">{{merchantInfo.merchantName}}</el-descriptions-item>
        <el-descriptions-item label="统一社会信用代码：">{{merchantInfo.no}}</el-descriptions-item>
        <el-descriptions-item label="区域：">{{merchantInfo.area}}</el-descriptions-item>
        <el-descriptions-item label="实际经营地址：">{{merchantInfo.address}}</el-descriptions-item>
      </el-descriptions>
    </el-card>
    <el-card style="margin-top: 10px;">
      <template #header>
        <div class="card-header">企业介绍</div>
      </template>
      <div>
        <el-row>
          <el-col :span="2">
            <img width="62.6" height="62.6" src="@/assets/images/merchantLogo.jpg" alt="" />
          </el-col>
          <el-col :span="8">
            <div style="font-size: 18px;color: #008adf;">郑州互赢软件科技有限公司</div>
            <div style="color: #666;font-size: 14px;padding: 10px 0;">20人以下 | 河南省-郑州市南阳路101号</div>
          </el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
const merchantInfo = ref({
    merchantName: '郑州互赢软件科技有限公司',
    no: '91410105MA40PNTQ09',
    area: '河南/郑州',
    address: '郑州市金水区南阳路101号盛地大厦',
})
</script>

<style scoped>
.card-header {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0
}
</style>
